import React from 'react'
import Menu from '@/components/common/menu'
const Home = () => {
  
  return (
    <>
      <div className="top">
        <div>首页</div>
      </div>
      <React.UI.Swiper autoplay>
        <React.UI.Swiper.Item>
          <React.UI.Image src="/assets/images/coupon.png" fit='cover' />
        </React.UI.Swiper.Item>
        <React.UI.Swiper.Item>
          <React.UI.Image src="/assets/images/coupon.png" fit='cover' />
        </React.UI.Swiper.Item>
      </React.UI.Swiper>

      <div className="hotel_search">
        <input type="text" placeholder="请输入关键词搜索" />
        <div className="screen_icon">
          <img src="/assets/images/screen.png" alt="" />
        </div>
      </div>

      <div className="hotellist">
        <div className="item">
          <a href="detail.html">
            <div className="images">
              <div className="swipers">
                <img src="/assets/images/hotel1.jpg" alt="" />
              </div>
              <div className="title">暑假特价房</div>
            </div>
            <div>
              <div className="item_top">
                <span>推广优惠</span>
                <span>月租惠选</span>
                <span>满减优惠</span>
                <span>节假日优惠</span>
              </div>
              <div className="item_bot">
                <div className="font">
                  <span className="price">￥60.00/晚</span>
                  <span className="market_price">￥80.00/晚</span>
                </div>
                <div className="btn">立即预定</div>
              </div>
            </div>
          </a>
        </div>
        
      </div>

      <div className="hotel_more">
        没有更多了
      </div>

      <Menu/>
    </>
  )
}

export default Home